<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grid View</title>
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width">
<!-- Css Files Start -->
<link href="css/style.css" rel="stylesheet" type="text/css" /><!-- All css -->
<link href="css/bs.css" rel="stylesheet" type="text/css" /><!-- Bootstrap Css -->
<link rel="stylesheet" type="text/css" href="css/main-slider.css" /><!-- Main Slider Css -->
<!--[if lte IE 10]><link rel="stylesheet" type="text/css" href="css/customIE.css" /><![endif]-->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" /><!-- Font Awesome Css -->
<link href="css/font-awesome-ie7.css" rel="stylesheet" type="text/css" /><!-- Font Awesome iE7 Css -->
<noscript>
<link rel="stylesheet" type="text/css" href="css/noJS.css" />
</noscript>
<!-- Css Files End -->
</head>
<body>
<!-- Start Main Wrapper -->
<div class="wrapper">
  <!-- Start Main Header -->
  <!-- Start Top Nav Bar -->
    <section class="top-nav-bar">
    <section class="container-fluid container">
      <section class="row-fluid">
        <section class="span6 e-commerce-list">
          <ul>
            <li>Bem Vindo ao nosso site! <a href="login.html">Fazer Login</a> ou <a href="criarconta.html">Criar Conta</a></li>
          </ul>
	
        </section>
		
		<div class="c-btn"> <a href="cart.html" class="cart-btn">Cart</a>     
		  
		  <div class="btn-group">
			        
			 <button data-toggle="dropdown" class="btn btn-mini dropdown-toggle">0 item(s) - $0.00<span class="caret"></span></button>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
              </ul>
            </div>
			
          </div>
		
      </section>
    </section>
  </section>
  
  
  
   
  <!-- End Top Nav Bar -->
  <header id="main-header">
    <section class="container-fluid container">
      <section class="row-fluid">
        <section class="span4">
          <h1 id="logo"> <a href="grid-view.html"><img src="images/logo.png" /></a> </h1>
        </section>
        <section class="span8">
          <div class="search-bar">
            <input name="" type="text" value="Procure o seu livro aqui..." />
            <input name="" type="button" value="Search" />
          </div>
        </section>
		
      </section>
    </section>
    <!-- Start Main Nav Bar -->
    <nav id="nav">
      <div class="navbar navbar-inverse">
        <div class="navbar-inner">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li> <a href="grid-view.html">Livros</a> </li>
               <li class="dropdown"> <a class="dropdown-toggle" href="grid-view.html" data-toggle="dropdown">Géneros<b class="caret"></b> </a>
                <ul class="dropdown-menu">
                    <li><a href="about-us.html">Romance</a></li>
                    <li><a href="blog.html">Policial</a></li>
                    <li><a href="blog-detail.html">Drama</a></li>
					<li><a href="blog-detail.html">Ficção Científica</a></li>
                    <li><a href="grid-view.html">História</a></li>
                    <li><a href="list-view.html">Escolares</a></li>
                    <li><a href="grid-view-without-side-bar.html">Universitários</a></li>
                    <li><a href="shortcodes.html">Infantil</a></li>
					<li><a href="grid-view-without-side-bar.html">Aventura</a></li>
					<li><a href="grid-view-without-side-bar.html">Biografias</a></li>
                </ul>
              </li>
              <li><a href="grid-view.html">Editoras</a></li>
              <li><a href="grid-view.html">Autores</a></li>
			  <li><a href="grid-view.html">Promoções</a></li>
              <li><a href="grid-view.html">Ajuda</a></li>
            </ul>
          </div>
          <!--/.nav-collapse -->
        </div>
        <!-- /.navbar-inner -->
      </div>
      <!-- /.navbar -->
    </nav>
    <!-- End Main Nav Bar -->
  </header>
  <!-- End Main Header -->
  <!-- Start Main Content Holder -->
  <section id="content-holder" class="container-fluid container">
    <section class="row-fluid">
    	<div class="heading-bar">
        	<h2>Destaques</h2>
            <span class="h-line"></span>
        </div>
        <!-- Start Main Content -->
        <section class="span9 first">
        	<!-- Start Ad Slider Section -->
			<div class="blog-sec-slider">
                <div class="slider5">
                  <div class="slide"><a href="#"><img src="images/image22.jpg" alt=""/></a></div>
                  <div class="slide"><a href="#"><img src="images/image22.jpg" alt=""/></a></div>
                  <div class="slide"><a href="#"><img src="images/image22.jpg" alt=""/></a></div>
                </div>
            </div>
            <!-- End Ad Slider Section -->
            
            <!-- Start Grid View Section -->
            <div class="product_sort">
                <div class="row-1">
                	<div class="left">
                    	<span class="s-title">Sort by</span>
                        <span class="list-nav">
                        	<select name="">
                            	<option>Position</option>
                                <option>Position 2</option>
                                <option>Position 3</option>
                                <option>Position 4</option>
                            </select>
                        </span>
                    </div>
                    <div class="right">
                    	<span>Show</span>
                        <span>
                        	<select name="">
                            	<option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                            </select>
                        </span>
                        <span>per page</span>
                    </div>
                </div>
            	<div class="row-2">
                	<span class="left">Items 1 to 9 of 15 total</span>
                	<ul class="product_view">
                		<li>View as:</li>
                    	<li>
                        	<a class="grid-view" href="grid-view.html">Grid View</a>
                        </li>
                		<li>
                        	<a class="list-view" href="list-view.html">List View</a>
                        </li>
                	</ul>
                </div>
            </div>
            <section class="grid-holder features-books">
            	<figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image25.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                   
				   <div class="cart-price">
                        <a class="cart-btn2" href="cart.html"  >Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
					
                </figure>
                <figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image38.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image39.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <hr/>
                <figure class="span4 slide first">
                	<a href="book-detail.html"><img src="images/image40.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image41.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="about-us.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image25.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <hr/>
                <figure class="span4 slide first">
                	<a href="book-detail.html"><img src="images/image39.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image42.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
                <figure class="span4 slide">
                	<a href="book-detail.html"><img src="images/image38.jpg" alt="" class="pro-img"/></a>
                    <span class="title"><a href="book-detail.html">A Walk Across The Sun</a></span>
                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                    <div class="cart-price">
                        <a class="cart-btn2" href="cart.html">Add to Cart</a>
                        <span class="price">$129.90</span>
              		</div>
                </figure>
            </section>
            <div class="blog-footer">
            	<div class="pagination">  
                  <ul>  
                    <li><a href="#">Prev</a></li>  
                    <li class="active">  
                      <a href="#">1</a>  
                    </li>  
                    <li><a href="#">2</a></li>  
                    <li><a href="#">3</a></li>  
                    <li><a href="#">4</a></li>  
                    <li><a href="#">Next</a></li>  
                  </ul>  
                </div>
                
            	<ul class="product_view">
               		<li>View as:</li>
                    <li><a class="grid-view" href="cart.html">Grid View</a></li>
                	<li><a class="list-view" href="list-view.html">List View</a></li>
               </ul>
            </div>
            <!-- End Grid View Section -->
            
        </section>
        <!-- End Main Content -->
        
        <!-- Start Main Side Bar -->
        <section class="span3">
        	
            
            <!-- Start Shop by Section -->
			<!-- mudar nome de classe l-reviews no css -->
            <div class="side-holder">
            	<article class="l-reviews">
                	<h2>Top livros</h2>
					
					<div class="side-inner-holder">
                    	
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image35.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">A little rain</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
					
					
					<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image35.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">A little rain</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>

						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image32.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">Serpents</a></strong>
                                	<span class="r-by">by Khalid Hoessini</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
					
                
				
                </article>
            </div>
            <!-- End Shop by Section -->
            
			<div class="side-holder">
            	<article class="l-reviews">
                	<h2>BestSellers</h2>
					
					
					
					<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
					
					
					<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
						
						
						<article class="r-post">
                        	<div class="r-img-title">
                            	<img src="images/image19.jpg" />
                            	<div class="r-det-holder">
                                	<strong class="r-author"><a href="book-detail.html">fields</a></strong>
                                	<span class="r-by">by Arnold Grey</span>
			
                                    <span class="rating-bar"><img src="images/rating-star.png" alt="Rating Star"/></span>
                                </div>
                            
                        </article>
				
				</article>
			</div>
			
			
            
        </section>
        <!-- End Main Side Bar -->
    </section>
  </section>
  <!-- End Main Content Holder -->
 

 <!-- Start Footer Top 1 -->
  <section class="container-fluid footer-top1">
    <section class="container">
      <section class="row-fluid">
        <figure class="span3">
          <h4>Newsletter</h4>
          <p>Subscribe to be the first to know about Best Deals and Exclusive Offers!</p>
          <input name="" type="text" class="field-bg" value="Enter Your Email"/>
          <input name="" type="submit" value="Subscribe" class="sub-btn" />
        </figure>
        <figure class="span3">
          <h4>Twitter</h4>
          <ul class="tweets-list">
            <li>Bookshoppe’- WooCommerce theme by crunchpress http<a href="#">://z.8o/XcexW23Q #envato</a></li>
            <li>Bookshoppe’- WooCommerce theme by crunchpress http<a href="#">://z.8o/XcexW23Q #envato</a></li>
          </ul>
        </figure>
        <figure class="span3">
          <h4>Location</h4>
          <p>5/23, Loft Towers, Business Center, 6th Floor, Media City, Dubai.</p>
          <span>
          <ul class="phon-list">
            <li>(971) 438-555-314</li>
            <li>(971) 367-252-333</li>
          </ul>
          </span> <span class="mail-list"> <a href="#">info@companyname</a><br />
          <a href="#">jobs@companyname.com</a> </span> </figure>
        <figure class="span3">
          <h4>Opening Time</h4>
          <p>Monday-Friday ______8.00 to 18.00</p>
          <p>Saturday ____________ 9.00 to 18.00</p>
          <p>Sunday _____________10.00 to 16.00</p>
          <p>Every 30 day of month Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </figure>
      </section>
    </section>
  </section>
  <!-- End Footer Top 1 -->
  
 
  
  <!-- Start Main Footer -->
  <footer id="main-footer">
    <section class="social-ico-bar">
      <section class="container">
        <section class="row-fluid">
          <article class="span6">
            <p>© 2013  BookShoppe’ - Premium WooCommerce Theme. </p>
          </article>
          <article class="span6 copy-right">
            <p>Designed by <a href="http://www.crunchpress.com/">Crunchpress.com</a></p>
          </article>
        </section>
      </section>
    </section>
  </footer>
  <!-- End Main Footer -->
</div>
<!-- End Main Wrapper -->

<!-- JS Files Start -->
<script type="text/javascript" src="js/lib.js"></script><!-- lib Js -->
<script type="text/javascript" src="js/modernizr.js"></script><!-- Modernizr -->
<script type="text/javascript" src="js/easing.js"></script><!-- Easing js -->
<script type="text/javascript" src="js/bs.js"></script><!-- Bootstrap -->
<script type="text/javascript" src="js/bxslider.js"></script><!-- BX Slider -->
<script type="text/javascript" src="js/input-clear.js"></script><!-- Input Clear -->
<script src="js/range-slider.js"></script><!-- Range Slider -->
<script src="js/jquery.zoom.js"></script><!-- Zoom Effect -->
<script type="text/javascript" src="js/bookblock.js"></script><!-- Flip Slider -->
<script type="text/javascript" src="js/custom.js"></script><!-- Custom js -->
<script type="text/javascript" src="js/social.js"></script><!-- Social Icons -->
<!-- JS Files End -->
<noscript>
	<style>
	#socialicons>a span { top: 0px; left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s 	ease-in-out;}
	#socialicons>ahover div{left: 0px;}
	</style>
</noscript>
<script type="text/javascript">
  /* <![CDATA[ */
  $(document).ready(function() {
  $('.social_active').hoverdir( {} );
})
/* ]]> */
</script>
</body>
</html>
